<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<header th:replace="admin/header::header-fragment"></header>
<body class="hold-transition sidebar-mini">
	<div class="wrapper">
		<!-- 引入页面头header-fragment -->
		<div th:replace="admin/header::header-nav"></div>
		<!-- 引入工具栏sidebar-fragment -->
		<div th:replace="admin/sidebar::sidebar-fragment(${path})"></div>
		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<div class="content-header">
				<div class="container-fluid"></div>
				<!-- /.container-fluid -->
			</div>
			<!-- Main content -->
			<section class="content">
				<div class="container-fluid">
					<div class="row">
						<div class="col-md-6">
							<div class="card card-primary card-outline">
								<div class="card-header">
									<h3 class="card-title">基本信息</h3>
								</div>
								<!-- /.card-body -->
								<div class="card-body">
									<form role="form" id="userNameForm">
										<div class="form-group col-sm-8">
											<div class="alert alert-danger" id="updateUserName-info"
												style="display: none;"></div>
										</div>
										<!-- text input -->
										<div class="form-group">
											<label>登陆名称</label> <input type="text" class="form-control"
												id="loginUserName" name="loginUserName"
												placeholder="请输入登陆名称" required="true"
												th:value="${loginUserName}">
										</div>
										<div class="form-group">
											<label>昵称</label> <input type="text" class="form-control"
												id="nickName" name="nickName" placeholder="请输入昵称"
												required="true" th:value="${nickName}">
										</div>
										<div class="card-footer">
											<button type="button" id="updateUserNameButton"
												onsubmit="return false;" class="btn btn-danger float-right">确认修改
											</button>
										</div>
									</form>
								</div>
								<!-- /.card-body -->
							</div>
						</div>
						<div class="col-md-6">
							<div class="card card-primary card-outline">
								<div class="card-header">
									<h3 class="card-title">修改密码</h3>
								</div>
								<!-- /.card-body -->
								<div class="card-body">
									<form role="form" id="userPasswordForm">
										<div class="form-group col-sm-8">
											<div class="alert alert-danger updatePassword-info"
												id="updatePassword-info" style="display: none;"></div>
										</div>
										<!-- input states -->
										<div class="form-group">
											<label class="control-label"><i class="fa fa-key"></i>
												原密码</label> <input type="text" class="form-control"
												id="originalPassword" name="originalPassword"
												placeholder="请输入原密码" required="true">
										</div>
										<div class="form-group">
											<label class="control-label"><i class="fa fa-key"></i>
												新密码</label> <input type="text" class="form-control" id="newPassword"
												name="newPassword" placeholder="请输入新密码" required="true">
										</div>
										<div class="card-footer">
											<button type="button" id="updatePasswordButton"
												onsubmit="return false;" class="btn btn-danger float-right">确认修改
											</button>
										</div>
									</form>
								</div>
								<!-- /.card-body -->
							</div>
						</div>
					</div>
				</div>
				<!-- /.container-fluid -->
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<!-- 引入页脚footer-fragment -->
		<div th:replace="admin/footer::footer-fragment"></div>
	</div>
	<!-- jQuery -->
	<script th:src="@{/admin/plugins/jquery/jquery.min.js}"></script>
	<!-- jQuery UI 1.11.4 -->
	<script th:src="@{/admin/plugins/jQueryUI/jquery-ui.min.js}"></script>
	<!-- Bootstrap 4 -->
	<script th:src="@{/admin/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
	<!-- AdminLTE App -->
	<script th:src="@{/admin/dist/js/adminlte.min.js}"></script>
	<!-- public.js -->
	<script th:src="@{/admin/dist/js/public.js}"></script>
	<!-- profile -->
	<script th:src="@{/admin/dist/js/profile.js}"></script>
</body>
</html>
